<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes">
		<title>大唐微科集团</title>
		<link rel="shortcut icon" href="assets/img/icon.png">
		<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="assets/css/main.css">
		<link rel="stylesheet" type="text/css" href="assets/css/green.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="assets/css/animate.css">
		<link rel="stylesheet" href="assets/css/slicknav.css" />
		<!--<link rel="stylesheet" href="assets/css/Element-ui.css" />-->
		<style type="text/css">
			#app{
				margin:auto;
				width:90%;
				margin-left:5%;
				float: left;
			}
			.el-carousel__container img{
				display: block;
				width:100%;
			}
			#carousel-area i{
				margin-right: 0;
			}
			.bottom_color {
			    width: 100%;
			    margin-left:0;
			    padding-top:50px;
			}
			@media only screen and (min-width: 320px) and (max-width: 480px) {
				.el-pagination.is-background .el-pager li {
				    margin: 0 2px;
				}
				.el-carousel__indicator {
				    padding: 4px 7px;
				}
				.el-carousel__button{
					width:7px;
					height:7px;
				}
				.bottom_color {
				    padding-top:10px;
				}
			}
		</style>
	</head>

	<body>
		<header id="header-wrap"></header>
		<div id="app" v-cloak>
			<!--<div class="banner_img">
				<img src="assets/img/banner_bg.png"/>
			</div>-->
			<!--新闻媒体-->
			<section id="news" class="section">
				<div class="news_div">
					<div class="news_centent_div">
						<div class="news_all_div">
							<p class="news_tit">河南大唐微科电子商务集团有限公司</p>
							<div class="news_left_div">
								<dl class="news_dl" v-for="(item,index) in newsOneList" v-if="index == 0"> 
									<dt class="news_dt">{{item.classifiedsName}}</dt>
									<dd class="news_dd" @click="btn_loding(item.classifiedId,item.classifiedsName,0)">更多>></dd>
								</dl>
								<div class="news_height">
									<ul class="news_ul" v-for="(item,index) in newsOneList" @click="newsDetailBtn(item.id,item.classifiedsName,0)" v-if="index < 12">
										<span class="news_li_span"></span>
										<li class="news_li">{{item.newsTitle}}</li>
										<li class="news_li time_li">{{item.createTime|time}}</li>
									</ul>
								</div>
							</div>
							<!--行业动态-->
							<div class="news_right">
								<dl class="news_dl" v-for="(item,index) in newsTwoList" v-if="index == 0">
									<dt class="news_dt">{{item.classifiedsName}}</dt>
									<dd class="news_dd" @click="btn_loding(item.classifiedId,item.classifiedsName,1)">更多>></dd>
								</dl>
								<div class="news_two_height">
									<ul class="news_ul" v-for="(item,index) in newsTwoList" @click="newsDetailBtn(item.id,item.classifiedsName,1)" v-if="index < 6">
										<span class="news_li_span"></span>
										<li class="news_li">{{item.newsTitle}}</li>
										<li class="news_li time_li">{{item.createTime|time}}</li>
									</ul>
								</div>
							</div>
							<!--媒体关注-->
							<div class="news_right last_right_div">
								<dl class="news_dl" v-for="(item,index) in newsThreeList" v-if="index == 0">
									<dt class="news_dt">{{item.classifiedsName}}</dt>
									<dd class="news_dd" @click="btn_loding(item.classifiedId,item.classifiedsName,2)">更多>></dd>
								</dl>
								<div class="news_two_height">
									<ul class="news_ul" v-for="(item,index) in newsThreeList" @click="newsDetailBtn(item.id,item.classifiedsName,2)" v-if="index < 6">
										<span class="news_li_span"></span>
										<li class="news_li">{{item.newsTitle}}</li>
										<li class="news_li time_li">{{item.createTime|time}}</li>
									</ul>
								</div>
							</div>
							<!--底部边框颜色-->
							<div class="bottom_color">
								<div class="left_color"></div>
								<div class="right_color"></div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
		<script type="text/javascript" src="assets/js/jquery-min.js"></script>
		<script type="text/javascript" src="assets/js/conent.js"></script>
		<script type="text/javascript" src="assets/js/vue.js" ></script>
		<script type="text/javascript" src="assets/js/vue-resource.js" ></script>
		<!--<script type="text/javascript" src="assets/js/Element-ui.js" ></script>-->
		<script type="text/javascript">
			var vm = new Vue({
				el:'#app',
				data(){
					return{
						newsOneList:'',
						newsTwoList:'',
						newsThreeList:'',
						value: ''
					}
				},
				created(){
					this.newsInfo()
				},
				methods:{
					newsInfo(){
						var _this = this;
						this.$http.get(URL + 'querySysnewsList').then(function(obj){
							if(obj.body.code == 'success'){
								_this.newsOneList = obj.body.data.newsMap[0].newsList;
								_this.newsTwoList = obj.body.data.newsMap[1].newsList;
								_this.newsThreeList = obj.body.data.newsMap[2].newsList;
							}
						})
					},
					btn_loding(id,className,numb){
						window.location.href = 'news_list.html?newsId=' + id + '&newsName=' + className + '&number=' + numb 
					},
					newsDetailBtn(id,newsListName,newsNumber){
						window.location.href = 'news_detail.html?newsdetailId=' + id + '&detailNumClass=' + newsListName + '&detaliNum=' + newsNumber 
					}
				},
				filters: {
					time: function time(value) {
						let date = new Date(value);
				        let y = date.getFullYear();
				        let MM = date.getMonth() + 1;
				        MM = MM < 10 ? ('0' + MM) : MM;
				        let d = date.getDate();
				        d = d < 10 ? ('0' + d) : d;
				        return y + '-' + MM + '-' + d;
					}
				}
			})
		</script>
		<!--底部-->
		<footer id="footer"></footer>
		<a href="#" class="back-to-top">
			<i class="fa fa-angle-up">
				<span class="i_span"></span>
			</i>
		</a>
		<script type="text/javascript" src="assets/js/Top.js"></script>
	</body>

</html>